﻿@using SplendidCRM
@using SplendidCRM.Ext
@using SplendidCRM.Ext.Helpers
@using SplendidCRM.Ext.Models

@{
    var formId = Guid.NewGuid();
}

<div id="@formId" autocomplete="off" style="float:left;width:15%" class="form" >
    <div class="form-header">Select Service: </div>
    <select size="7" onchange="ChangeService(this.value)" style=" border-width: 0;width:100%;height:350px" >
        <option value="IntegrationEnquiry" >Integration Enquiry</option>
        <option value="QueryBasicInfo" >Query Basic Info</option>
        <option value="QueryBalance" >Query Balance </option>
        <option value="GetPostpaidBalance" > Get Postpaid Balance  </option>
        <option value="QueryHistoryOfPayment" >  Query History Of Payment </option>
        <option value="CheckScratchCard" > Check Scratch Card </option>
        <option value="SearchPinPuk" > Search PIN/PUK </option>
        @if (Manager.Site.IsAdmin)
        {
            <option value="ImportPinPuk"  > Import PIN/PUK </option>
            <option value="ShowImportLog" > Show Import Log </option>
        }
        
    </select>
</div>

<div style="float: left;margin-left:1%;width:83%" class="form">
    <div class="form-header">Input value</div>
    <div id="serviceForm" >    

    </div>
</div>

<script type="text/javascript">

    function ChangeService(value) {
        $.ajax({
            url: "@Url.Action("LoadServiceForm")?serviceName="+value,
            success: function (htmlForm) {
                $("#serviceForm").html(htmlForm);
            }
        });
    }

</script>